<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>vue-实例</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
</head>
<body>
    <h1>VUE-实例</h1>
    <hr>
    <h2>第一季： 内置指令</h2>
    <ol>
        <li><a href="./example/helloWorld.html" target="blank">hello World</a></li>
        <li><a href="./example/v-if.html" target="blank">v-if指令</a></li>
        <li><a href="./example/v-for.html" target="_self">v-for指令&v-text指令&v-html指令</a></li>
        <li><a href="./example/v-on.html" target="_self">v-on指令</a></li>
        <li><a href="./example/v-model.html" target="_self">v-model指令</a></li>
        <li><a href="./example/v-bind.html" target="_self">v-bind指令</a></li>
        <li><a href="./example/other.html" target="_self">v-other指令</a></li>
    </ol>
    <h2>第二季： 全局API</h2>
    <ol>
        <li><a href="./example/vue.directive.html" target="_self">vue.directive 自定义指令</a></li>
        <li><a href="./example/vue.extend.html" target="_self">vue.extend 扩展实例构造器</a></li>
        <li><a href="./example/vue.set.html" target="_self">vue.set 全局操作</a></li>
        <li><a href="./example/shengmingzhouqi.html" target="_self">vue的生命周期</a></li>
        <li><a href="./example/template.html" target="_self">template三种模板</a></li>
        <li><a href="./example/components-1.html" target="_self">components-1 组件实例</a></li>
        <li><a href="./example/components-2.html" target="_self">components-2 组件实例-props</a></li>
        <li><a href="./example/components-3.html" target="_self">components-3 组件实例-父子组件</a></li>
        <li><a href="./example/components-4.html" target="_self">components-4 标签实例</a></li>
    </ol>
    <h2>第三季： 构造器里的选项</h2>
    <ol>
        <li><a href="./example/propsData.html">propsData Option</a></li>
        <li><a href="./example/compute.html">compute Option</a></li>
        <li><a href="./example/methods.html">methods Option & $event</a></li>
        <li><a href="./example/watch.html">watch Option</a></li>
        <li><a href="./example/Mixins.html">Mixins混入选项操作</a></li>
        <li><a href="./example/extends.html">extends 扩展选项操作</a></li>
        <li><a href="./example/delimiters.html">delimiters 自定义绑定</a></li>
    </ol>
    <h2>第四季： 实例和内置组件</h2>
    <ol>
        <li><a href="./example/example01.html">引入jquery.js</a></li>
        <li><a href="./example/example02.html">example02</a></li>
        <li><a href="./example/example03.html">example03</a></li>
        <li><a href="./example/slot.html">slot</a></li>
    </ol>
</body>
</html>